$(function () {
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1,
        spaceBetween: 30,
        loop: true,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
            autoplay: true
        },
        autoplay: true
    });

    var paperLists = $(".paper-list");

    function getPapers(page) {
        axios({
            url: `http://localhost:6766/api/papers/${page}`
        }).then(function (res) {
            var newData = res.data.data.list;
            $(newData).each(function (index, item) {
                // console.log(item.ext[0].value[0].url);
                // console.log(item.ext[1].value);
                paperLists.append(`
                    <div class="paper-item">
                        <a href="${item.ext[0].value[0].url}" target="_blank">
                            <img src="${item.ext[0].value[0].url}?x-oss-process=image/resize,w_400">
                        </a>
                        <div>
                            ${item.ext[1].value}
                        </div>
                    </div>
                `);
            })
        })
    }
    getPapers(1);

    // 点击页码
    var pageNum = $(".page-num");
    var page = 1;
    pageNum.each(function (index, item) {
        $(item).click(function () {
            page = index + 1;
            pageNum.each(function (index1, item1) {
                $(item1).removeClass("active");
            })
            $(item).addClass("active");
            paperLists.empty();
            getPapers(index + 1);
        })
    })

    // 点击上下页
    var prevBtn = $(".prev-btn");
    var nextBtn = $(".next-btn");
    var toPage = $(".topage");

    function change(index) {
        pageNum.each(function (index, item) {
            $(item).removeClass("active");
        })
        pageNum.eq(index).addClass("active");
    }


    function nextPage(){
        page++;
        paperLists.empty();
        getPapers(page);
        change(page-1);
    }

    function prevPage(){
        page--;
        paperLists.empty();
        getPapers(page);
        change(page-1);
    }

    nextBtn.on("click",nextPage)

    prevBtn.on("click",prevPage)

    toPage.eq(0).click(function(){
        var page = 1;
        paperLists.empty();
        getPapers(page);
        change(page-1);
    })

    toPage.eq(1).click(function(){
        var page = 8;
        paperLists.empty();
        getPapers(page);
        change(page-1);
    })

})

